.el-menu-vertical-demo:not(.el-menu--collapse) {
  margin-top: 100px;
  width: 200px;
  min-height: 400px;
  background: #11579e;
}

.tablebox {
  float: left;
  width: 70px;
  height: 200px;
  margin-top: 250px;
  padding-right: 5px;
}

.tableBoxIcon {
  width: 67px;
  height: 67px;
  background-image: url("../img/catIcon.png");
  background-size: cover;
}

.tableBoxIcon2 {
  width: 67px;
  height: 67px;
  background-image: url("../img/catIcon2.png");
  background-size: cover;
}

.menuItem {
  color: #0206db;
  background-color: rgb(248, 198, 122);
}

.mainBox1 {
  width: 100%;
  height: 100vh;
  /* background-color: rgb(207, 247, 225);
  background: #00c3ff; /* fallback for old browsers */
  background: -webkit-linear-gradient(to right,
      #ffff1c,
      #00c3ff);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right,
      #ffff1c,
      #00c3ff);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  position: fixed;
  background-size: cover;
}

.mainBox2 {
  width: 100%;
  height: 100vh;
  background: #141e30;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right,
      #243b55,
      #141e30);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right,
      #243b55,
      #141e30);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  position: fixed;
  background-size: cover;
}

.el-aside {
  padding-top: 300px;
  background-color: rgba(163, 250, 231, 0);
  color: #333;
  text-align: left;
}

.el-main {
  margin: 0px auto;
  height: 850px;
  width: 1420px;
}

.el-container {
  border: 1px black solid;
  height: 100%;
}

.span1 {
  font-size: 20px;
  float: left;
}

.item1 {
  line-height: 100px;
}

.item2 {
  line-height: 100px;
}
